@charset "UTF-8";
@import "reset";

/* 
    * desc 送达日期和送达方式设置页面样式
    * author 欧广烨
    * date 2023-03-21
*/

/* 字体引入 */
@font-face {
    font-family: apple-font;
    src: url('../font/pingfang.ttf');
}

/* 页面样式 */
.container {
    font-family: apple-font;

    .delivery-setting {
        background-color: #f7f7f7;
        font-size: 4.2667vw;

        /* 页面顶部标题
        -------------------------------------------------- */
        .top-title {
            background-color: #fff;
            overflow: hidden;

            h3 {
                font-weight: normal;
                text-align: center;
                margin: 2.6667vw 0;
            }

        }

        /* 收货信息设置
        -------------------------------------------------- */
        .receinfo-setting {
            width: 94.6667vw;
            margin:  2.6667vw auto;
            margin-bottom: 0vw;
            background-color: #fff;
            border-radius: 2.1333vw 2.1333vw 0 0;
            overflow: hidden;

            div {
                margin:  8vw 2.6667vw;
                display: flex;
                justify-content: space-between;
            }
            div:first-child {
                margin-top:  2.6667vw
            }

            div:last-child {
                margin-bottom:  2.6667vw;
            }

        }

        /* 收获日期选择框
        -------------------------------------------------- */
        .date {
            background-color: #fff;
            table {
                width: 100vw;
                border-collapse: collapse;

                /* 日期框上方标题 */
                caption {
                    font-size: 4.5333vw;
                    margin: 3.2vw 0;
                }

                /* 每行日期样式 */
                tr {
                    border-top: .2667vw solid #D4D4D4 ;
                    display: flex;
                    justify-content: space-evenly;

                    td {
                        padding: 2.1333vw 2.1333vw;
                        width: 8vw;
                        line-height: 8vw;
                        color: #D4D4D4;
                        text-align: center;
                        font-size: 4vw;
                        background-clip: content-box;
                    }

                    /* 前天样式 */
                    .yesterday {
                        border-radius: 8vw;
                        background-color: #efefef;
                        color: #333;
                    }

                    /* 昨天样式 */
                    .today {
                        border-radius: 8vw;
                        background-color: #884e22;
                        color: #fff;              
                    }

                    /* 今天样式 */
                    .tomorrow {
                        color: #333;
                    }
                }

            }
        }

        /* 底部确认按钮
        -------------------------------------------------- */
        .ok {
            text-align: center;
            background-color: #fff;
            padding: 6.6667vw 0;

            /* 按钮样式 */
            button {
                border: none;
                width: 70.6667vw;
                height: 10.6667vw;
                background-color: #884e22;
                font-family: apple-font;
                font-size: 3.7333vw;
                color: #fff;
            }
        }
    }
}